<template>
    <div>
        <!--搜索-->
        <div>
            <DatePicker :options="dateOptions_day" type="year" placeholder="请选择日期" style="width: 200px" v-model="search.date"></DatePicker>
            <Select v-model="search.collegesAndUniversities" style="width: 200px">
                <Option :value="null">所有高校</Option>
            </Select>
            <Select v-model="search.employmentRate" style="width: 200px">
                <Option :value="null">各高校就业率</Option>
            </Select>
            <Button type="primary">
                <Icon type="md-search" class="mr-12" />
                搜索
            </Button>
        </div>
        <!--表格-->
        <div>
            <Table :columns="tablecolumns" :data="tableData" border></Table>
        </div>
    </div>
</template>
<script>
// region TODO 搜索
const search = {
    date: '',
    collegesAndUniversities: '',
    employmentRate: ''
};
// endregion

// region TODO 表格数据
const tablecolumns = [
    {
        title: '各高校就业率'
    },
    {
        title: '专科',
        children: [
            {
                title: '毕业人数'
            },
            {
                title: '就业人数'
            },
            {
                title: '就业率'
            }
        ]
    },
    {
        title: '本科',
        children: [
            {
                title: '毕业人数'
            },
            {
                title: '就业人数'
            },
            {
                title: '就业率'
            }
        ]
    },
    {
        title: '研究生',
        children: [
            {
                title: '毕业人数'
            },
            {
                title: '就业人数'
            },
            {
                title: '就业率'
            }
        ]
    },
    {
        title: '中专',
        children: [
            {
                title: '毕业人数'
            },
            {
                title: '就业人数'
            },
            {
                title: '就业率'
            }
        ]
    },
    {
        title: '小计',
        children: [
            {
                title: '毕业人数'
            },
            {
                title: '就业人数'
            },
            {
                title: '就业率'
            }
        ]
    }
];
const tableData = [];
// endregion
export default {
    data() {
        return {
            dateOptions_day: {
                disabledDate(date) {
                    var dateNow = new Date();
                    return date && date.valueOf() > dateNow.setMonth(dateNow.getMonth());
                }
            },
            search,
            tablecolumns,
            tableData
        };
    }
};
</script>
